<html>

	<header>
	</header>

	<body>

		Bonjour {{ name }}
		<br/>
		Vous êtes sur la page d'accueil
		<br/>
		<br/>
		
		Liste des comptes : 
		<div id="accounts">
			{% for account in accounts %}
			 
				<div id="account_{{ account.id }}" onclick="showGuests('{{ path('UFAccountBundle_listGuests', {'accountId':account.id})}}','{{ account.id }}')" style="border:1px solid blue">
				
					{{ account.id }}
					 {{ account.username }}
					 {{ account.description }}
					 {{ account.password }}
					 
					 {% for role in account.roles %}
					 	{{ role }}
					 {% endfor %}
			
					 <a href="{{ path('UFAccountBundle_modifyAccount', {'accountId':account.id}) }}">Modifier</a>
					 <a href="{{ path('UFAccountBundle_deleteAccount', {'accountId':account.id}) }}">Supprimer</a>
			 
			 		<div id="guests_{{ account.id }}">
			 		<img id="loading_{{ account.id }}" alt="loading..." src="{{ asset('img/loading.gif') }}" style="width:20px;display:none;"></img>
			 		</div>
			 
			 	</div>
			 
			{% endfor %}
		</div>
		
		<br/>
		<br/>
		
		<a href="{{ path('UFAccountBundle_addAccount') }}">{{ 'accounts.new' | trans() }}</a>
		
		<br/>
		
		<a href="logout">Se déconnecter</a>
	
	
		<div id="choisir_langue">Choisir la langue :
		    <a href="{{ path('UFCommons_changeLanguage', {'locale' : 'fr'}) }}">FR</a> |
		    <a href="{{ path('UFCommons_changeLanguage', {'locale' : 'en'}) }}">EN</a>
		</div>

	<script language="javascript" type="text/javascript" src="{{ asset('js/jquery-1.7.2.min.js') }}"><</script>
	<script language="javascript" type="text/javascript" src="{{ asset('bundles/account/js/accounts.js') }}"></script>
	
	</body>
	

	
	

</html>

